<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>matrix scale</title>
<style type="text/css">
div { width: 1500px; height: 250px; background: #abcdef; margin: 100px auto; }
div:nth-child(1) > img {
	transform: matrix(.5, 0, 0, .5, 0, 0);
}
div:nth-child(2) > img {
	transform: scale(.5, .5);
}
</style>
</head>
<body>
<div><img src="images/sprite.jpg"></div>
<div><img src="images/sprite.jpg"></div>
</body>
</html>